{% if users %}
	<div id="mensajesTabs" class="resp-vtabs">
		<ul class="resp-tabs-list">
			{{ include('UserBundle:Mensajes:masUsuarios.html.twig') }}
		</ul>
		<div class="resp-tabs-container">
			{{ include('UserBundle:Mensajes:masUsuariosContent.html.twig') }}
		</div>
	</div>
	{{ render(controller("AmistateBundle:Default:formSendMessage", {userTo:currentUser, callback: 'updateMessage', mostrarCaptcha:false })) }}

	<script type="text/javascript">
		var currentPageUser = 1;
		var currentPageMessage = 1;
		$(function() {
			$("#mensajesTabs").easyResponsiveTabs({
				type: 'vertical', //Types: default, vertical, accordion
				width: 'auto', //auto or any custom width
				fit: true   // 100% fits in a container
			});
			
			$("#mensajesTabs .resp-tabs-list").mCustomScrollbar({
				set_height: 500,
				theme:"dark",
				advanced:{
					updateOnContentResize:true
				},
				scrollButtons:{
					enable:true
				}
			});
			cargarMensajes({{(users|first).id}});
		});
	</script>
{% else %}
    <div class="span12 text-center">
        <span class="label">
            Sin mensajes
        </span>
    </div>
{% endif %}
